<!--  -->
<template>
  <el-row>
    <el-col :span="24">
      <el-card>
        <table class="total-table" >
          <tr class="first-row" colspan=2>
            <td class="first-col"></td>
            <td>商业视频数</td>
            <td>视频播放总数</td>
            <td>视频赞藏总数</td>
            <td>视频评论总数</td>
            <td>视频投币总数</td>
          </tr>
          <tr colspan=2>
            <td class="first-col">相对占比</td>
            <td>1.41%</td>
            <td>2.59%</td>
            <td>2.2%</td>
            <td>1.93%</td>
            <td>1.84%</td>
          </tr>
          <tr colspan=2>
            <td class="first-col">近30天</td>
            <td>448</td>
            <td>496.1w</td>
            <td>267.1w</td>
            <td>12.5w</td>
            <td>52.8w</td>
          </tr>
          <tr colspan=2>
            <td class="first-col">上一个周期</td>
            <td>504</td>
            <td>5693.2w</td>
            <td>353.9w</td>
            <td>15.45w</td>
            <td>70.4w</td>
          </tr>
        </table>
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "",
  data: function () {
    return {};
  },

  components: {},

  computed: {},

  mounted: function () {},

  methods: {},
};
</script>
<style lang="scss" scoped>
.total-table {
  width: 100%;
  tr {
    height: 2em;
  }
  .first-row {
    color: rgb(179, 170, 170);
    font-size: 0.8em;
  }
  .first-col {
    color: rgb(158, 153, 153);
    font-size: 0.9em;
    font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  }
}
</style>